<template>
  <div class="child">
		<h1>子组件</h1>
   <button @click="emit('send-phone',phone)">给父亲手机</button>
  </div>
</template>

<script setup lang="ts" name="Child">
import { ref,defineEmits } from 'vue';
// 数据
let phone=ref("苹果11")
// 接受父亲传递的
let emit=defineEmits(["send-phone"])
// 方法

</script>

<style scoped>
	.child{
		margin-top: 10px;
		background-color: rgb(76, 209, 76);
		padding: 10px;
		box-shadow: 0 0 10px black;
		border-radius: 10px;
	}
</style>